<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>echo - free web template</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="container">

	<div id="header">
		<h1><a href="/">echo</a></h1>
		<h2>example h2 header</h2>
	</div>
	<div id="nav">
		<ul>
			<li><a href="index.html" title="home page">home</a></li>
			<li><a href="examples.html" title="code examples" class="selected">examples</a></li>
			<li><a href="http://www.spyka.net/web-templates" title="CSS and XHTML web templates">web templates</a></li>
			<li><a href="http://www.spyka.net/licensing" title="licence">license</a></li>
			<li><a href="http://www.spyka.net/contact" title="contact">contact</a></li>

		</ul>
		<br class="clear" />
	</div>
	<div id="content">
		<div class="top-panel">
		<div>
			<h3>Example H3 header.</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dolor augue, blandit a, semper nec, ultricies vitae, tellus. Donec diam. Donec ut turpis. Maecenas eu nisi nec justo pellentesque gravida. Donec pharetra. Vivamus non felis et nunc semper egestas. Praesent sit amet ligula auctor leo aliquet laoreet.<br /><br />
			
					<a href="#" class="linkleft">A left link</a> &bull;
					<a href="#">A right link</a>
			</p>
		</div></div>
		<div class="page-wrap">
			<div class="page">
				
			<!-- begin main content -->
			
				<h4>List</h4>
				<ul>
					<li>List item</li>
					<li>List item</li>
					<li>List item</li>
				</ul>
				<p>&nbsp;</p>
				
				<h4>Code</h4>
				<code>&lt;? echo('Hello world'); ?&gt;</code>
				<p>&nbsp;</p>
				
				<h4>Form</h4>
				<form action="#" method="get">
					<p><label for="name">Name:</label><br />
					<input type="text" name="name" id="name" value="" /><br /></p>

					<p><label for="email">Email:</label><br />
					<input type="text" name="email" id="email" value="" /><br /></p>
					<p><label for="message">Message:</label><br />
	
					<textarea cols="60" rows="11" name="message" id="message"></textarea><br /></p>
					<p class="lastformitem"><input type="submit" name="send" class="button" value="Send" /></p>
				</form>
				<p>&nbsp;</p>
				
				<h4>Table</h4>
				<table>
					<tr>
						<th>ID</th>
						<th>Name</th>
						<th>Age</th>
					</tr>
					<tr>
						<td>1</td>
						<td>John Smith</td>
						<td>28</td>
					</tr>
					<tr>
						<td>2</td>
						<td>Fred James</td>
						<td>49</td>
					</tr>
					<tr>
						<td>3</td>
						<td>Rachel Johnson</td>
						<td>19</td>
					</tr>
				</table>				
					
				<!-- end main content -->
				
			</div>
			
			
			<div class="sidebar">
				<h4>Links</h4>
				<ul>
					<li><a href="http://www.spyka.net" title="spyka Webmaster resources">spyka webmaster</a></li>
					<li><a href="http://www.justfreetemplates.com" title="free web templates">JustFreeTemplates</a></li>
					<li><a href="http://www.spyka.net/forums" title="webmaster forums">Webmaster forums</a></li>
					<li><a href="http://www.profileartist.net" title="premium templates">Premium templates</a></li>
					<li><a href="http://www.awesomestyles.com" title="free forum skins and templates">Forum resources</a></li>
				</ul>
	
				<h4>Sponsors</h4>
				<ul>
					<li><a href="http://community.spyka.co.uk/index.php" title="spyka web group community">sWG community</a></li>
					<li><a href="http://community.spyka.co.uk/forumdisplay.php?f=58" title="webhosting offers">Webhosting offers</a></li>
					<li><a href="http://www.spyka.co.uk" title="spyka web group">spyka Web Group</a></li>					
				</ul>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div id="footer">
		<p>&copy; 2009 mySite. Design: <a href="http://www.spyka.net">spyka webmaster</a> | <a href="http://www.justfreetemplates.com">Free Web Templates</a></p>
	</div>

</div>
</div>

</body>
</html>
